// 定义底部-score和等级
class ScorePanel {
    // 定义一个初始分数和等级
    score:number = 0
    level:number = 1
    // 定义一个等级标志，达到多少分以后上升一个等级
    levelFlag:number
    // 定义一个分数和等级的元素
    scoreElement:HTMLElement = document.getElementById('score')!
    levelElement:HTMLElement = document.getElementById('level')!
    // 定义一个最大等级
    maxLevel:number
    constructor(levelFlag:number,maxLevel:number) {
        this.levelFlag = levelFlag
        this.maxLevel = maxLevel 
    }

    // 修改分数
    addScore() {
        this.score++
        this.scoreElement.innerHTML = this.score + ''
        // 当达到一定的分数需要上升一个等级
        if(this.score % this.levelFlag == 0) {
            this.addLevel()
        }
    }

    // 修改等级
    addLevel() {
        if(this.level>this.maxLevel) return
        this.level++
        this.levelElement.innerHTML = this.level + ''
    }

}



export default ScorePanel
